// 引入sass模板
@import "public/public-url";

/* 表单数据内容 */
.data-wrap{
    padding:20px;
}
.data-wrap .data-tit{
    height:45px;
    margin:10px 0;
    line-height: 45px;
}
/* 表格导航 */
.data-menu{
    margin-bottom: 5px;
    li {
        height:40px;
        margin-right: 10px;
        padding:0 10px;
        float: left;
        display: block;
        cursor: pointer;
        font-size: 18px;
        line-height: 40px;
        background: #f5f5f5;
        &.active{
            color: #fff;
            background:#4cb0f9;
        }
    }
}

/* 表单内容 */
.data-cont{
    padding:10px 0;
    .data-tab-box {
        width: 100%;
        padding:10px 15px;
        display: none;
        border:1px solid #eee;
        &.show {
            display: block;
        }
    }
}

/* 表单一级项目 */
.data-item{
    width:100%;
    margin:10px 0;
}
.data-item .data-item-tit{
    margin: 5px 0;
    font-size: 18px;
}
.data-item .data-item-cont{

}
/* 一级标题 */
.data-ietm-head{
}

.data-block-item{

}

.data-item .data-item-cont,
.sub-item-list .sub-item-list-cont,
.deep-sub-item .deep-sub-item-cont{
    padding:5px 10px;
    background: #eef3f7;
}

/* 二级隐藏项目 */
.data-item .data-sub-item{
    width:96%;
    margin:0 auto;
}
/* 二级项目列表 */
.sub-item-list{

}
.sub-item-list .sub-item-list-cont{
/*    width:96%;
    margin:0 auto;*/
}

/* 三级菜单项目 */
.sub-item-list{
    .deep-sub-item{
        width:96%;
        margin:0 auto;
    }
}
/* 单选框和多选框 */
.data-item label{
    margin:5px 0;
    margin-right: 10px;
    font-weight: normal;
}
.data-item-cont label,
.sub-item-list-cont label{
    margin-right: 10px;
    line-height: 35px;
}

.data-item .text-span{
    
}
/* 时间选择器 */
.data-item .ipt-time{
}
/* 输入框样式 */
.data-item {
    //普通输入框
    .ipt{
        width:240px;
        height:35px;
        margin:5px 0;
    }
    //输入框尺寸
    .input-xs{
        width:80px;
    }
    .input-sm{
        width:200px;
    }
    .input-lg{
        width:300px;
    }

    // 分割符号
    .division-span{
        padding:0 3px;
    }
    //必填项
    .must-icon{
        font-size: 20px;
        color:$color-danger;
    }
}

/* 表单底部 */
.data-foot{
    margin-top: 10px;
    text-align:center;
    .post-data-btn{
        padding:0 80px;
    }
}